<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="打印表格(函数).js" type="text/javascript"></script>
    <style>
        *{margin: 0px;padding: 0px}
    </style>
</head>
<body>
<!--
			有多个按钮，制作点击某个按钮，就让这个按钮隐藏掉

				1. 静态效果写好

				2. 实现交互效果

					2.1 获取所有的按钮

					2.2给每个按钮注册一个点击事件
		-->
    <div id="box">
        <button>按钮1</button>
        <button>按钮2</button>
        <button>按钮3</button>
        <button>按钮4</button>
    </div>
    <script type="text/javascript">
        var box = document.getElementById("box");
        //注意这里要通过获得父类标签才能获得子类的
        var buttons = box.getElementsByTagName("button");
       //注意这里标签名获得的数组不能直接使用
        for(var i=0;i<buttons.length;i++){
            buttons[i].onclick = function(){
               this.style.display = "none";
            }
        }

    </script>

</body>
</html>